Description

Implements #12 (Priority Urgent)

Related PRs:

This frontend PR is related to backend PR #3826 (already merged).

Main changes explained:

• Updated PRGradingScreen.jsx to fetch grading data from backend API on load via useEffect
• Updated PRGradingScreen.jsx to save grades to backend when Done is clicked with saving/success feedback
• Fixed grade enum mismatch (Cannot find image → No Correct Image) to match backend
• Redesigned summary section to display inline below each reviewer's row (matching mockup)
• Added interactive inline checkboxes allowing grades to be updated from both PR number tags and inline summary
• Created weeklyGradingActions.js with getWeeklyGrading and saveWeeklyGrading API action functions
• Added WEEKLY_GRADING and WEEKLY_GRADING_SAVE endpoints to src/utils/URL.js

How to test:

1. Check out branch Sayali_Weekly_PR_Grading_Frontend
2. npm install and npm run start:local
3. Clear site data/cache
4. Log as admin user
5. Navigate to http://localhost:5173/pr-grading-test
6. Click on any team (e.g. 91NePRT)
7. Verify table shows Reviewer Name, PR reviewed, PRs Needed, PR Numbers columns
8. Click + Add new and enter a valid PR number (e.g. 1070 or 1070 + 1256)
9. Verify pair PRs show in green, single PRs in grey
10. Verify inline summary appears below each reviewer with interactive checkboxes
11. Change a grade from inline summary and verify it updates
12. Click Done and verify saving feedback appears
13. Verify dark mode works correctly

Screenshots or videos of changes:

Note:

Backend is already implemented in merged PR #3826. This PR only covers frontend integration.